/*
 * jQuery Form Inputbox @VERSION
 *
 * Copyright 2012, AUTHORS.txt
 * Released under the MIT license.
 *
 * http://code.google.com/p/jquery-form-widgets/
 *
 */

.ui-inputbox {
	display: block;
	position: relative;
	width: auto;

	text-align: left;
	overflow: hidden;
	cursor: text; /* default */

	outline: none;
}

/* Fix for input type=text and textarea where the left margins are not quite
 * right.
 */
.ui-inputbox input[type=text], .ui-inputbox textarea {
	margin-left: -.1em;
}

/* Fix for ui-state-error background override due to css ordering misshap.
 * Cannot override the background of ui-inputbox because it appers after the
 * jquery ui css file.
 */
.ui-inputbox:not(.ui-state-error) {
	background: #FFFFFF url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
}

.ui-inputbox-text {
	color: inherit;
	cursor: inherit;
	background: transparent none;
	padding: .4em .2em;
	white-space: nowrap;
	min-height: 1.1em;
	text-overflow: ellipsis;
}

.ui-inputbox-icon-primary {
	display: inline;
	position: absolute;

	top: 0;
	right: 0;
	height: 100%;
	width: 22px;

	/* Remove the border on the ui-active */
	border-style: none;
	border-left-style: solid;

	cursor: pointer;
}


.ui-inputbox-icon-secondary {
	display: inline;
	position: absolute;

	top: 0;
	left: 0;
	height: 100%;
	width: 22px;
}

.ui-inputbox-text-icon-primary {
	padding-right: 22px;
}

.ui-inputbox-text-icon-secondary {
	padding-left: 20px;
}

.ui-inputbox-icon-primary .ui-icon, .ui-inputbox-icon-secondary .ui-icon {
	position: absolute;

	top: 50%;
	margin-top: -8px;

	left: 50%;
	margin-left: -8px;
}

/* Fix the primary icon turning read. */
.ui-state-error .ui-inputbox-icon-primary .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
